<html>
    <head>
        <title>
            v-if 和 v-for 
        </title>
    </head>
    <body>
        <script>
            // 1、 v-if 和 v-for
                                            /*
                                                只要再要再原生的JavaScript中可以轻松完成的操作，Vue的渲染函数就不会提供专有的替代方法。

                                                比如，在模板中使用的 v-if 和 v-for ：

                                                    <ul v-if ="items.length">
                                                        <li v-for="item in items">{{item.name}}</li>
                                                    </ul>
                                                    <p v-else></p>
                                            */

                                            // 这些都可以在渲染函数中用JavaScript的 if / else 和 map 来重写：

                                            props:['items'],
                                                    render:functionc(createElement){
                                                        if(this.items.length){
                                                            return createElement('ul',this.items.map(funciton(item){
                                                                return createElement('li',item.name );
                                                            }))
                                                        }
                                                    }

        </script>
    </body>
</html>